.myFile {
    margin: 0;
    padding: 16px 20px;
    height: 100%;
    .myFileDiv{
        width: 100%;
        height: 100%;
        h2 {
            color: #120A0A;
            font-size: 25px;
            padding: 0;
        }
    
        .myFileItem {
            padding: 8px 16px;
            height: 100%;
            h3 {
                color: #595959;
                font-size: 17px;
            }
            ul {
                padding: 0;
                height: 100%;
    
                li {
                    list-style: disc;
                    color: #A6A6A6;
                    font-size: 17px;
                    margin-left: 40px;
                    line-height: 48px;
                    align-content: center;
                    .myFileItemSpanLeft {
                        padding-right: 13px;
                    }
                    .myFileItemSpanRigtht {
                        color: #262626;
                        overflow: hidden;
                        font-weight: 600;
                        font-size: 1rem;
                        line-height: 1.4;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        text-align: left;
                    }
                    time {
                        font-size: 14px;
                        color: #A6A6A6;
                    }
                }
            }
            li:hover{
                color: #ff0064;
                .myFileItemSpanLeft {
                    color: #ff0064;
                }
                .myFileItemSpanRigtht {
                    color: #ff0064;
                }
                time {
                    color: #ff0064;
                }
            }
        }
    }
    
}